@mybgcolor:#fff;
@mysize:12px;
#flash_sale-wrapper{
  width: 100%;
  height: 470px;
  background:@mybgcolor;
}
.flash_sale{
  width: 1180px;
  height: 100%;
  margin:0 auto;
  background:@mybgcolor;
}
.top {
  height:46px;
  width: 100%;
  a {
    color: #666;
    font-size: 12px;
    display: block;
    height: 46px;
    line-height: 46px;
    float: left;
  }
}
.btm_left{
  float:left;
}
.btm_right{
  float:right;
  width: 600px;
  height: 370px;
  .btm_r_top{
    width: 600px;
    height: 230px;
    border-bottom:1px solid #ccc;
    display:flex;
    flex-direction:column;
    justify-content: flex-start;
    position:relative;
    .weixin{
      display:block;
      width: 40px;
      height: 30px;
      position:absolute;
      right:0px;
      top:0px;
      background:url("../images/weixin.jpg");
    }
    .weixin:hover{
      background:url("../images/weixin2.jpg");
    }
    h3{
      background:#fff;
      color:#000;
      font-weight:900;
      text-align:left;
    }
    p.info{
      width: 100%;
      height: 44px;
      line-height:44px;
      color:#666;
      font-size:12px;
    }
    p.sale{
      width: 580px;
      height: 86px;
      background:#dcd8d8;
      //display:flex;
      //justify-content:center;
      //flex-direction:column;
     padding-left:20px;
      a {
        display:block;
        font-size: 12px;
        color: #666;
      }
      a.a1{
        text-decoration:line-through;
        margin-top:20px;
      }
      a.a2{
        margin-top:10px;
        span{
          font-size:12px;
          color:#ff392a;
        }
      }
    }
    .citys{
      width: 300px;
      height: 34px;
      margin-left:40px;
      margin-top:20px;
      .dict{
        float:left;
        line-height:28px;
        height:28px;
        margin-right:8px;
      }
      .citys_selec{
        position: relative;
      }
        #sel {
          width: 230px;
          height: 28px;
          border: 1px solid #ccc;
        }
          .xiala{
          display:block;
          width: 30px;
          height: 30px;
          position:absolute;
          right:22px;
          top:4px;
          background:url("../images/xiaarrow_03.jpg") no-repeat;
        }
        .city_info{
          position:absolute;
          left:43px;
          top:31px;
          width: 300px;
          height: 70px;
          border:1px solid #ccc;
          //display:none;
              .X{
                display:block;
                width: 10px;
                height: 10px;
                text-align:center;
                line-height:10px;
                border-radius:3px;
                border:1px solid #01bbf4;
                font-size:6px;
                position:absolute;
                right:6px;
                top:8px;
              }
           #idctt{
              width: 300px;
              display:flex;
              justify-content: flex-start;
              margin:0;
              padding:0; position:relative;
              li{
                width:95px;
                height:30px;
                line-height:30px;
                text-align:center;
                cursor:pointer;
                ul{
                  position:absolute;
                  left:0px;
                  top:30px;
                  li{
                    cursor:pointer;
                  }
                }
              }
              >li:nth-child(1){
                background:#01bbf4;
              }
            }
        }
      }
  }
  .btm_r_b{
    width: 600px;
    height:119px;
    padding-top:20px;
    display:flex;
    flex-direction:column;
    justify-content: flex-start;
  }
}